html,
body {
  height: 100%;
  /*background-color: #fafafa;*/
}
    #map {
           height: 100%;
           /*background: red;*/
         }
         #main{
         height: 100%;
         display: -webkit-box;
         display: -webkit-flex;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-flex-flow: column;
                flex-flow: column;
         }
  .foot{
    /*height: 100px;*/
    /*line-height: 100px;*/
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #222;
    background-color: #fff;
    border-top: 1px solid #d8d8d8;
    box-sizing: border-box;
    position: relative;
  }
  .mui-col-xs-6 {
    float: left;
    width: 42%;
    padding: 10px;
    overflow: hidden;
  }
  #select option {
    overflow: hidden;
  }
  .mui-col-xs-4 {
    width: 48%;
  /*float: left;*/
  display: inline-block;
  text-align: center;
  }
  .mui-col-xs-7 {
    width: 70%;
    padding: 10px;
    overflow: hidden;
    float: left;
  }
  .mui-col-xs-7 .text {
    float: left;
    line-height: 30px;
    margin-right: 10px;
  }
  .mui-input-clear {
    width: 100%;
    border: 1px solid #ccc;
    height: 22px;
    padding: 2px;
    border-radius: 3px;
  }
  .mui-input-clear {
    width: 100%;
    height: 30px;
    /*padding: 10%;*/
    border:1px solid #5571be;
  }
  select {
    font-size: 14px;
  }
  #doc-select-1 {
    width: 100%;
  }
  .mui-row {
    padding: 10px;
  }
  .mui-btn {
    background-color: #5571be;
    /*width: 80%;*/
    color: #fff;
    /*float: left;*/
    padding: 8px 12px;
    border-radius: 3px;
    cursor: pointer;
    background-clip: padding-box;
  }
